import React, { useEffect } from "react";
import "./index.less";

const Community = () => {
  useEffect(() => {
    // 可以用来加载社区的数据
  }, []);

  return (
    <div className="community">
      <section className="welcome-section">
        <h1>欢迎来到社区</h1>
        <p>探索、分享、学习与交流</p>
      </section>
      <section className="posts-preview-section">
        <h2>最新帖子</h2>
        <div className="post">
          <h3>React Hooks 使用指南</h3>
          <p>React Hooks 提供了一种更直接的方式来使用React的特性...</p>
        </div>
        <div className="post">
          <h3>TypeScript 最佳实践</h3>
          <p>TypeScript提供了类型检查的能力，帮助我们更好地编写代码...</p>
        </div>
        {/* 可以添加更多帖子 */}
      </section>
    </div>
  );
};

export default Community;
